@import "../../../../../styles/index.less";

.food-plan {
  .content {
    font-size: 30rpx;
    color: #000;
    margin-bottom: 50rpx;
  }

  .food-plan-icon {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
  }

  .icon-food-plan-orange {
    background-image: url("../../../../../assets/component-icons/food-plan-orange.svg");
  }

  .icon-food-plan-green {
    background-image: url("../../../../../assets/component-icons/food-plan-green.svg");
  }

  .diet-principle {
      margin-bottom: 40rpx;
  }

  .recommend-food {
      margin-bottom: 40rpx;
  }

  .carefully-food {
    margin-bottom: 100rpx;
  }

  .button-plain-purple {
    background-color: inherit;
    color: @purple100;
    border-radius: 40rpx;
    border: 1px solid @purple100;
    margin-right: 30rpx;
    flex: 1;

    &::after {
      border: none;
    }
  }
}
